<template>
  <view class="container">
   
    <view class="info-item">
      <text class="info-label">头像</text>
	  <view class="info-con" @click="modifyAvatar">
		  <view class="profile-r">
		  <image class="profile-pic"  :src="userInfo.avatar"></image>
		  </view>
		>
	  </view>
    </view>
    <view class="info-item">
      <text class="info-label">姓名</text>
	    <view class="info-con" >
      <view class="info-value">{{ userInfo.name }}</view>
     </view>
    </view>
    <view class="info-item">
      <text class="info-label">手机号</text>
	    <view class="info-con" @click="modifyPhone">
			<view class="info-value">{{ userInfo.phone }}</view>
			>
		</view>
	</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      userInfo: {
        avatar: '/static/my/添加成功.png', // 头像 URL
        name: 'asd',   // 姓名
        phone: '123441332'   // 手机号
      }
    };
  },
  mounted() {
    // this.fetchUserInfo();
  },
  methods: {
    // fetchUserInfo() {
    //   uni.request({
    //     url: '', // 替换为你的接口地址
    //     method: 'GET',
    //     success: (res) => {
    //       if (res.statusCode === 200) {
    //         this.userInfo = res.data; // 假设接口返回的数据格式符合
    //       } else {
    //         console.error('获取用户信息失败', res);
    //       }
    //     },
    //     fail: (err) => {
    //       console.error('请求失败', err);
    //     }
    //   });
    // },
	modifyAvatar(){
		uni.navigateTo({
			url:"/pages/my/modifyAvatar/modifyAvatar"
		})
		
	},
	modifyPhone(){
		uni.navigateTo({
			url:"/pages/my/modifyPhone/modifyPhone"
		})
	}
  }
};
</script>

<style>
.container {
  background-color: #f9f9f9;
  height: 100vh;
  background-color: #fff;
}
.info-item {
  line-height:  100rpx;
  padding: 0 30rpx;
  height: 100rpx;
}

.info-label {
  font-size: 18px;
  color: #333;
}
.info-con{
	float: right;
}
.info-arrow {
  float: right;
  font-size: 18px;
  color: #999;
}

.info-value {
  float: left;
  font-size: 16px;
  color: #000;
}


.profile-pic {
  width: 80rpx;
  height: 80rpx;
  border-radius: 20rpx; /* 圆形头像 */
}
.profile-r{
	margin-top: 10rpx;
	height: 90rpx;
	width: 90rpx;
	float: left;
}
</style>